<!DOCTYPE html>
<html>
<head>
    <title>Dynamic interaction media query test</title>
    <script type="text/javascript">
      function handleMediaChange(mediaQueryList) {
        if (mediaQueryList.matches) {
          pass();
        } else {
          fail();
        }
      }

      function start() {
        var mql = window.matchMedia("(pointer: coarse) and (hover:hover)");
        mql.addListener(handleMediaChange);
      }

      function pass() {
        document.title = 'SUCCESS';
      }

      function fail() {
        document.title = 'FAIL';
      }
    </script>
</head>
<body onLoad="start()">
</body>
</html>
